<div id="column-left"> {include file="blocks/list_column_left.tpl"} </div>
<div id="content">
<div class="breadcrumb"> <a href="index.html">Home</a> » <a href="category.html">Trang phục bé nam</a> » <a href="#">Giầy nâu dành cho bé nam</a> </div>
<h1><span class="h1-top">Giầy nâu dành cho bé nam</span></h1>
<div class="product-info">
  <div class="left">
    <div class="image"> <a href="/upload/product/{$read_product.day_time|date_format:'%m-%Y'}/{$read_product.image}" title="{$read_product.title}" class="cloud-zoom" id='zoom1' rel="adjustX: 0, adjustY:0"> <img src="/upload/product/{$read_product.day_time|date_format:'%m-%Y'}/{$read_product.image}" title="{$read_product.title}" alt="{$read_product.name}" id="image" /></a>
      <div class="zoom"><a id="zoomer" class="colorbox" href="/upload/product/{$read_product.day_time|date_format:'%m-%Y'}/{$read_product.image}">+ Zoom</a></div>
    </div>
    {if $read_product_images != NULL}
    <div class="image-additional">
      <div id="carousel-p">
        <ul class="jcarousel-skin-tfc">
          {foreach $read_product_images as $product_image}
          <li> <a href="/upload/product/{$read_product.day_time|date_format:'%m-%Y'}/{$product_image.image}" title="{$read_product.title}" class="cloud-zoom-gallery" rel="useZoom: 'zoom1', smallImage: '/upload/product/{$read_product.day_time|date_format:'%m-%Y'}/{$product_image.image}' "> <img src="/upload/product/{$read_product.day_time|date_format:'%m-%Y'}/{$product_image.image}" title="{$read_product.title}" alt="{$read_product.name}"  style="width:85px;height:85px"/></a> </li>
          {/foreach}
        </ul>
      </div>
    </div>
    {/if} </div>
  <div class="right">
    <div class="description">
      <div class="price"> <span id="line_s"></span>
        <p class="wrap_price">
        {if ($read_product.price_old !=0) } 
        <span class="price-old">{number_format($read_product.price_old)} đ</span>
        {/if} 
        <span class="price-new">{number_format($read_product.price_new)} đ</span></p>
        {if ($read_product.price_old !=0) }
        <p><span class="price-tax">{if $read_product.price_old < $read_product.price_new}Tăng lên : {else}Giảm được: {/if} {number_format($kq)} đ</span></p>
        {/if} </div>
    </div>
    <div class="desc2"> <span>Thương hiệu:</span> <a href="brands.html">{$read_brand_product.name}</a><br />
      <span>Mã sản phẩm:</span>{$read_product.id}<br />
      <span>Tình trạng:</span> {if $read_product.quantity > 0} Còn hàng{else} Hết Hàng {/if}</div>
    <form method="post" action="/orders/cart_sm.php" enctype="multipart/form-data" name="detail">
      <div class="cart">
        <div>SL:
          <input type="hidden" name="data[id]" value="{$read_product.alias}" />
          <input type="text" name="data[quantity]" size="2" value="{$quantity}" />
          <label>Size:
                <select name="data[size]">
                {foreach $list_size as $size}
                    <option  value="{$size}"  >{$size}</option>
                {/foreach}
                </select>
          </label>
          &nbsp;
          <input type="submit" value="Đặt hàng" id="button-cart" class="button" /><br />
          <span style="margin-left:160px">&nbsp;&nbsp;- OR -&nbsp;&nbsp;</span> <span class="links"><a>Sản phẩm yêu thích</a><br />
          <a>So sánh</a></span> </div>
      </div>
    </form>
    <div class="review" >
      <div class="stars1" style="width:{$percent}%;"><span></span></div>
      <div><a>{$comments} Đánh giá</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a>Viết đánh giá</a></div>
      <div class="share"><img src="/templates/images/share2.png" alt="" /></div>
    </div>
  </div>
</div>
<div id="tabs" class="htabs"> <a href="#tab-description">Chi tiết</a> <a href="#tab-specification">Thông tin</a> <span><a href="#tab-review">Đánh giá ({count($list_review)})</a> </span> </div>
<div id="tab-description" class="tab-content">
  <div class="cpt_product_description ">
    <div>
      <p>{$read_product.info}</p>
    </div>
  </div>
</div>
<div id="tab-specification" class="tab-content">
  <div class="cpt_product_description ">
    <div>
      <p>{$read_product.info}</p>
    </div>
  </div>
</div>
<form action="/products/cart_review.php" method="post" id="ratingsForm">
  <div id="tab-review" class="tab-content">
    <h2 id="review-title">Viết đánh giá</h2>
    <b>Tên của bạn:</b><br />
    <input type="text" name="data[name_user]" value="{$smarty.session.data_user.name_user|default:''}"/>
    <br />
    <br />
    <b>Nhận xét:</b>
    <textarea name="data[content]" cols="40" rows="8" style="width: 98%;">{$smarty.session.data_user.content|default:''}</textarea>
    <input type="hidden" name="data[product_id]" value="{$read_product.id}" />
    <span style="font-size: 11px;"><span style="color: #FF0000;">Lưu ý:</span> Không hỗ trợ HTML!</span><br />
    <br />
    <span style="font-size:20px;">Nhận xét :</span>
    <div class="stars" style="display:block">
      <input type="radio" name="data[review]" class="star-1" id="star-1" value="1"/>
      <label class="star-1" for="star-1">1</label>
      <input type="radio" name="data[review]" class="star-2" id="star-2" value="2" />
      <label class="star-2" for="star-2">2</label>
      <input type="radio" name="data[review]" class="star-3" id="star-3" value="3"/>
      <label class="star-3" for="star-3">3</label>
      <input type="radio" name="data[review]" class="star-4" id="star-4" value="4"/>
      <label class="star-4" for="star-4">4</label>
      <input type="radio" name="data[review]" class="star-5" id="star-5" value="5"/>
      <label class="star-5" for="star-5">5</label>
      <span></span> </div>
    <br />
    <div class="buttons" id="add-sticky">
      <div class="right" >
        <input id="button-review" class="button" type="submit" name="submit" value="Gửi đánh giá"/>
      </div>
    </div>
    <hr />
    {foreach $list_review as $review}
    <div class="review-list">
    <div><img src="/upload/icon/unnamed.png"  style="border-radius:50%;float:left;"/></div>
      <div class="author" style="margin-left:20px"><b>{$review.name_user}</b>&nbsp;&nbsp;<span style="color:#999;font-size:11px;display:inline-block">{$review.day_time|date_format:'%d-%m-%Y'}</span>
      <div class="text" style="margin-left:40px">{$review.content}</div>
      </div>
      
    </div>
    {/foreach}
    <div class="pagination">
      <div class="results">Hiển thị 1 đến 1 ở 1 (1 Trang)</div>
    </div>
  </div>
</form>
<div> 
  <script type="text/javascript"><!--
$('#carousel-p ul').jcarousel({
	vertical: false,
	visible: 3,
	scroll: 1
});
$('.colorbox').colorbox({
		overlayClose: true,
		opacity: 0.4,
		rel: "colorbox"
	});

//--></script> 
  <!-- InstanceEndEditable --> 
  </div>
  </div>
